<!DOCTYPE HTML>
<html>

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>信用资产管理系统</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" type="text/css" href="./dist/css/reset.css">
    <link rel="stylesheet" type="text/css" href="./dist/css/normalize.css">
    <link rel="stylesheet" href="./dist/bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="./dist/bootstrap-datelimepicker/bootstrap-datetimepicker.min.css">
    <link rel="stylesheet" href="./dist/css/setUp.css">
    <style>

    </style>
</head>

<body>
    <!--=== nav ===-->
    <nav class="navbar navbar-default navbar-fixed-top">
        <div class="container">
            <div class="row clearfix">
                <div class="col-sm-3 col-md-3 navbar-header">
                    <a href="#" class="navbar-brand"><img class="logoImg" src="./dist/img/logo.png"> <span>信用资产管理系统</span> </a>
                </div>
                <ul class="col-sm-9 col-md-9 nav navbar-nav navbar-right">
                    <li class="col-sm-2 col-md-2"><a href="homePage.html">首页</a></li>
                    <li class="col-sm-2 col-md-2"><a href=" repayment.html ">还款</a></li>
                    <li class="col-sm-2 col-md-2"><a href="payRecord.html">消费记录</a></li>
                    <li class="col-sm-2 col-md-2"><a href=" cardManage.html">卡片管理</a></li>
                    <li class="col-sm-2 col-md-2"><a href="#">商户管理</a></li>
                    <li class="col-sm-2 col-md-2"><a href=" setUp.html " class="navItemActive">设置</a></li>
                    <div class="loginOut"><a class="loginOut " href="# ">退出</a></div>
                </ul>
            </div>
        </div>
    </nav>
    <div class="container content">
        <div class="row margin-top20 ">
            <!-- === 左边 === -->
            <section class="col-sm-3 col-md-3 sidebar ">
                <div class="carbonads ">
                    <div class="carbon-wrap ">
                        <img src="./dist/img/photo.png " alt=" " border="0 " height="67 " width="70 " style="max-width:70px; ">
                    </div>
                    <div class="catbon-text ">管理员 <span class="admin-name ">administrator</span></div>
                </div>
                <ul class="card-list ">
                    <li class="card-item ">
                        <div class="card-left ">
                            行用卡数量:
                        </div>
                        <div class="card-right ">16张</div>
                    </li>
                    <li class="card-item ">
                        <div class="card-left ">
                            总额度:
                        </div>
                        <div class="card-right ">￥22000</div>
                    </li>
                    <li class="card-item ">
                        <div class="card-left ">
                            可用额度：
                        </div>
                        <div class="card-right ">￥180000</div>
                    </li>
                    <li class="card-item ">
                        <div class="card-left ">
                            余额合计:
                        </div>
                        <div class="card-right ">￥9800</div>
                    </li>
                </ul>
                <form class="form-horizontal card-info-form clearfix ">
                </form>
                <div class="card-date-info .col-md-8 ">
                    <p class="text-left card-date-title ">账户信息</p>
                    <p class="card-date-content clearfix ">
                        <span class="text-left pull-left ">注册日期：</span>
                        <span class="text-right pull-right ">2018年1月12日</span>
                    </p>
                    <p class="card-date-content clearfix ">
                        <span class="text-left pull-left ">有效日期：</span>
                        <span class="text-right pull-right ">2019年1月12日</span>
                    </p>
                </div>
            </section>
            <!-- === 右边 === -->
            <article class="col-sm-9 col-md-9 article ">
                <div class="article-top clearfix ">
                    <header class="content_head">
                        会员信息修改
                    </header>
                    <div class="content_main clearfix">
                        <div class="main_form">
                            <form class="form-horizontal card-info-form clearfix ">
                                <div class="form-group ">
                                    <label for="usable-money " class="col-md-3 control-label ">会员名称</label>
                                    <div class="col-md-4 ">
                                        <input type="text " class="form-control col-md-6">
                                    </div>
                                    <span class="col-md-5">
                            会员名称即系统登录名称，不能修改
                         </span>
                                </div>
                                <div class="form-group ">
                                    <label for="usable-money " class="col-md-3 control-label ">手机号码</label>
                                    <div class="col-md-4 ">
                                        <input type="text " class="form-control col-md-6">
                                    </div>
                                    <span class="col-md-5">
                            手机号码用于找回密码操作
                         </span>
                                </div>
                                <div class="form-group ">
                                    <label for="usable-money " class="col-md-3 control-label ">原密码</label>
                                    <div class="col-md-4 ">
                                        <input type="text " class="form-control col-md-6">
                                    </div>
                                    <span class="col-md-5">
                            不修改密码则留空
                         </span>
                                </div>
                                <div class="form-group ">
                                    <label for="usable-money " class="col-md-3 control-label ">新密码</label>
                                    <div class="col-md-4 ">
                                        <input type="text " class="form-control col-md-6">
                                    </div>
                                    <span class="col-md-5">
                            不修改密码则留空
                         </span>
                                </div>
                                <div class="form-group ">
                                    <label for="usable-money " class="col-md-3 control-label ">确认密码</label>
                                    <div class="col-md-4 ">
                                        <input type="text " class="form-control col-md-6">
                                    </div>
                                    <span class="col-md-5">
                            不修改密码则留空
                         </span>
                                </div>
                                <div>
                                    <button type="submit " class="btn btn-primary  saveBtn">保存</button>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
                    <!-- ===右下=== -->
                 <div class="article-bottom clearfix ">
                    <header class="content_head">
                        账户权限信息
                    </header>
                    <div class="content_main clearfix">
                        <ul class="content_left col-md-6">
                            <li class="clearfix">
                                <div class="col-md-6 name">账号注册日期</div>
                                <div class="col-md-6 info">2017.11.22</div>
                            </li>
                            <li class="clearfix">
                                <div class="col-md-6 name">到期日期</div>
                                <div class="col-md-6 info">2018.11.22</div>
                            </li>
                            <li class="clearfix">
                                <div class="col-md-6 name">权限包含</div>
                                <div class="col-md-6 info">信用卡资产统计分析、<br/>还款提醒和智能养卡</div>
                            </li>
                        </ul>
                        <div class="content_right col-md-6">
                            <div class="img_wrap">
                                <img src="dist/img/vcode.jpg" style="width:100%">
                            </div>
                            <div class="img_text">账号使用或系统问题请加微信</div>
                        </div>
                    </div>
                </div>
            </article>
</body>
<script src="./dist/jquery/jquery-1.8.3.min.js "></script>
<script src="./dist/bootstrap/js/bootstrap.min.js "></script>
<script type="text/javascript " src="dist/bootstrap-datelimepicker/bootstrap-datetimepicker.min.js "></script>
<script type="text/javascript " src="dist/bootstrap-datelimepicker/bootstrap-datetimepicker.zh-CN.js "></script>
<script type="text/javascript ">
$('.form_date').datetimepicker({
    language: 'zh-CN',
    weekStart: 1,
    todayBtn: 1,
    autoclose: 1,
    todayHighlight: 1,
    startView: 2,
    minView: 2,
    forceParse: 0
});
</script>

</html>
